<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>图片</title>
        <script src="../../../src/cUtils/js/CWeb.js"></script>
    </head>
    <body>
        <input type="file" id="fileInput">
        <!--        <input type="file" id="fileInput2" multiple>-->
        <button type="button" id="loadImage" onclick="_ReaderImage()">加载图片</button>
        <button type="button" id="获取目录" onclick="getDir()">获取目录</button>
    </body>
</html>
<script>
    var url = "http://127.0.0.1:8822";
    let data = {
        "dir": "/Library/WebServer/test",
        "suffixArr": ".png|.jpeg|.jpg",
        "isTop": 1,
    }
    
    function getDir() {
        WebPost_getDirFiles("/Library/WebServer/test", ".png|.jpeg|.jpg", 1, function (jsonStr) {
            let jsonPathArr = JSON.parse(jsonStr);
            let count = jsonPathArr.length > 20 ? 20 : jsonPathArr.length;
            for (let i = 0; i < count; i++) {
                let fliePath = jsonPathArr[i];
                console.log("获取到的数据....." + i + "....." + path)
                //WebPost_LoadImageBytes(fliePath, function (blob) {
                //WebPost_FileRead(fliePath, function (blob) {
                WebPost_FileRead(fliePath, "blob", function (blob) {
                    var img = document.createElement("img");
                    img.onload = function (e) {
                        window.URL.revokeObjectURL(img.src);
                    };
                    img.src = window.URL.createObjectURL(blob);
                    img.style.width = "500px";
                    img.style.height = "300px";
                    document.body.appendChild(img);
                })
            }
            //console.log("获取到的数据....." + data)
        })
    }
    
    let path = "";
    
    function _FileReader() {
        let reader = new FileReader();
        reader.readAsText(path, "utf-8") //以纯文本形式读取文件，读取到的文本保存在result属性中。第二个参数代表编码格式。
        reader.readAsDataUrl(path) //读取文件并且将文件以数据URI的形式保存在result属性中。
        reader.readAsBinaryString(file);//：读取文件并且把文件以字符串保存在result属性中。 
        reader.readAsArrayBuffer(file);//：读取文件并且将一个包含文件内容的ArrayBuffer保存咋result属性中。 
        reader.abort();//：中止读取操作。在返回时，readyState属性为DONE。
        reader.onprogress = function () {
            console.log("....." + reader.result)
        }
        
        reader.onload = function () {
            console.log("文件加载完成....." + reader.result)
        }
    }
    
    function _ReaderImage() {
        var xmlhttp;
        xmlhttp = new XMLHttpRequest();
        xmlhttp.open("POST", url + "/File.ReadAllBytes?dataType=json", true);
        xmlhttp.responseType = "blob";
        xmlhttp.onload = function () {
            console.log(this);
            if (this.status == 200) {
                var blob = this.response;
                console.log(blob);
                var img = document.createElement("img");
                img.onload = function (e) {
                    window.URL.revokeObjectURL(img.src);
                };
                img.src = window.URL.createObjectURL(blob);
                document.body.appendChild(img);
            }
        }
        let data = {
            "filePath": "/Users/mac/work/gitxia9000/unity3d/U3d_Game/Game/G02_部落冲突/ff (2).jpg",
        }
        xmlhttp.send(JSON.stringify(data));
    }
    
    
    // let fileInput = document.getElementById("fileInput");
    //
    // fileInput.addEventListener("change", function () {
    //     if (this.files.length == 0) {
    //         console.log("空.....")
    //         return
    //     }
    //     let reader = new FileReader();
    //     reader.onload = function () {
    //         console.log("....." + reader.result)
    //         const img = new Image();
    //         img.src = reader.result;
    //         console.log(reader.result)
    //         document.body.appendChild(img);
    //     }
    //     reader.readAsDataURL(this.files[0])
    // })


</script>